

import React,{ Component } from 'react';
import {
    BrowserRouter as Router,
    Route,
    Link
} from 'react-router-dom';
import zhCN from 'antd/lib/locale-provider/zh_CN';
import { LocaleProvider } from 'antd';

import Home from '../container/home/home';
import Tab  from '../container/table/table';
import Tab1 from '../container/tab1/tab1';
import TabCheckBox from '../container/tab_checkbox/tab_checkbox';
import TabCheckBox1 from '../container/tab_checkbox1/tab_checkbox1';
import TabCheckBox2 from '../container/tab_checkbox2/tab_checkbox2';
import SelectCheckBox from '../container/select_checkbox/select_checkbox';
import Selects from '../container/select/select';
import FormDatas from '../container/form-data/form-data';
import TabItem from '../container/tabItem/tabItem';
import BasicUse from '../container/basicUse/basicUse';
import JsxStyleApi from '../container/jsxStyleApi/jsxStyleApi';
import MaySelect from '../container/maySelect/maySelect';

import Date from  "../container/date/date";
import Time from  "../container/time/time";
import Arrow from  "../container/arrow/arrow";
import RangePickers from  "../container/rangePicker/rangePicker";
import DatePickers from  "../container/datePicker/datePicker";
import TimePickers from  "../container/timePickers/timePickers";
import DatePick from  "../container/datePick/datePick";
import TimePick from  "../container/timePick/timePick";
import TestTimePicker from  "../container/testTimePicker/testTimePicker";
import AddComponent from  "../container/addComponent/addComponent";
import FormItems from  "../container/formItems/formItems";
import Add from  "../container/add/add";
import InputNumbers from  "../container/inputNumbers/inputNumbers";
import Inputs from  "../container/inputs/inputs";
import FormSelect from  "../container/form_select/form_select";
import RichText from  "../container/richText/richText";
import TestSubmit from  "../container/test_submit/test_submit";
import FormLayout from  "../container/formLayout/formLayout";
import Popovers from  "../container/popover/popover";
import TreeSelects from  "../container/treeSelects/treeSelects";
import TestTreeSelect from "../container/testTreeSelect/testTreeSelect";
import TestTreeSelect1 from "../container/testTreeSelect1/testTreeSelect1";
import TestTreeSelect2 from "../container/testTreeSelect2/testTreeSelect2";
import Cascaders from "../container/cascader/cascader";
import TestTreeSelect3 from "../container/testTreeSelect3/testTreeSelect3";
import TestTreeSelect4 from "../container/testTreeSelect4/testTreeSelect4";
import TestTreeSelect5 from "../container/testTreeSelect5/testTreeSelect5";
import TestTreeSelect6 from "../container/testTreeSelect6/testTreeSelect6";
import TestTreeSelect7 from "../container/testTreeSelect7/testTreeSelect7";
import Grid from "../container/grid/grid";
import FormItem1 from "../container/formItem1/formItem1";
import FormItem2 from "../container/formItem2/formItem2";
import Paginations from "../container/pagination/pagination";
import UpLoads from '../container/upLoad/upLoad';
import Select1 from '../container/selects/selects';
import Modals from '../container/modal/modal';
import TimeLines from '../container/timeLines/timeLines';
import TestTreeSelect8 from '../container/TestTreeSelect8/TestTreeSelect8';
import Menus from '../container/Menus/Menus';


class RouterMap extends Component {
    constructor(props) {
        super(props);
    }
    render () {
        return (
            <LocaleProvider locale={zhCN}>
            <Router>
                <div>
                    <ul style={{ height: 300,overflow: 'auto' }}>
                        <li>
                            <Link to="/">Home</Link>
                        </li>
                        <li>
                            <Link to="/table">Table</Link>
                        </li>
                        <li>
                            <Link to="/tab">Table1</Link>
                        </li>
                        <li>
                            <Link to="/tab_checkbox">TabCheckBox</Link>
                        </li>
                        <li>
                            <Link to="/tab_checkbox1">TabCheckBox1</Link>
                        </li>
                        <li>
                            <Link to="/select_checkbox">SelectCheckBox</Link>
                        </li>
                        <li>
                            <Link to="/selects">Selects</Link>
                        </li>
                        <li>
                            <Link to="/tab_checkbox2">TabCheckBox2</Link>
                        </li>
                        <li>
                            <Link to="/form-data">FormDatas</Link>
                        </li>
                        
                        <li><Link to="/tabItem">TabItem</Link></li>
                        <li><Link to="/basicUse">BasicUse</Link></li>
                        <li><Link to="/jsxStyleApi">JsxStyleApi</Link></li>
                        <li><Link to="/mayselect">MaySelect</Link></li>
                        <li><Link to="/date">Date</Link></li>
                        <li><Link to="/time">Time</Link></li>
                        <li><Link to="/arrow">Arrow</Link></li>
                        <li><Link to="/rangePicker">RangePickers</Link></li>
                        <li><Link to="/datePicker">DatePickers</Link></li>
                        <li><Link to="/timePickers">TimePickers</Link></li>
                        <li><Link to="/datePick">DatePick</Link></li>
                        <li><Link to="/timePick">TimePick</Link></li>
                        <li><Link to="/testTimePicker">TestTimePicker</Link></li>
                        <li><Link to="/addComponent">AddComponent</Link></li>
                        <li><Link to="/formItems">FormItems</Link></li>
                        <li><Link to="/add">Add</Link></li>
                        <li><Link to="/inputNumbers">InputNumbers</Link></li>
                        <li><Link to="/inputs">Inputs</Link></li>
                        <li><Link to="/form_select">FormSelect</Link></li>
                        <li><Link to="/richText">RichText</Link></li>
                        <li><Link to="/test_submit">TestSubmit</Link></li>
                        <li><Link to="/formLayout">FormLayout</Link></li>
                        <li><Link to="/popover">Popovers</Link></li>
                        <li><Link to="/treeSelects">TreeSelects</Link></li>
                        <li><Link to="/testTreeSelect">TestTreeSelect</Link></li>
                        <li><Link to="/testTreeSelect1">TestTreeSelect1</Link></li>
                        <li><Link to="/testTreeSelect2">TestTreeSelect2</Link></li>
                        <li><Link to="/cascader">Cascaders</Link></li>
                        <li><Link to="/testTreeSelect3">TestTreeSelect3</Link></li>
                        <li><Link to="/testTreeSelect4">TestTreeSelect4</Link></li>
                        <li><Link to="/testTreeSelect5">TestTreeSelect5</Link></li>
                        <li><Link to="/testTreeSelect6">TestTreeSelect6</Link></li>
                        <li><Link to="/testTreeSelect7">TestTreeSelect7</Link></li>

                        <li><Link to="/formItem1">FormItem1</Link></li>
                        <li><Link to="/grid">Grid</Link></li>
                        <li><Link to="/formItem2">FormItem2</Link></li>
                        <li><Link to="/pagination">Paginations</Link></li>
                        <li><Link to="/upLoad">UpLoad</Link></li>
                        <li><Link to="/selects">Select1</Link></li>
                        <li><Link to="/modal">Modals</Link></li>
                        <li><Link to='/timeLines'>timeLines</Link></li>
                        <li><Link to='/testTreeSelect8'>TestTreeSelect8</Link></li>
                        <li><Link to='/menus'>Menus</Link></li>
                    </ul>

                    <div>
                        <Route exact path='/' component={ Home }/>
                        <Route path='/table' component={ Tab }/>
                        <Route path='/tab' component={ Tab1} />
                        <Route path='/tab_checkbox' component={ TabCheckBox }/>
                        <Route path='/tab_checkbox1' component={ TabCheckBox1 }/>
                        <Route path='/select_checkbox' component={ SelectCheckBox }/>
                        <Route path='/selects' component={ Selects }/>
                        <Route path='/tab_checkbox2' component={ TabCheckBox2 }/>
                        <Route path='/tab_checkbox2' component={ TabCheckBox2 }/>
                        <Route path='/form-data' component={ FormDatas }/>
                        <Route path='/tabItem' component={ TabItem }/>
                        <Route path="/basicUse" component={ BasicUse } />
                        <Route path="/jsxStyleApi" component={ JsxStyleApi } />
                        <Route path="/maySelect" component={ MaySelect } />

                        <Route path="/date" component={ Date } />
                        <Route path="/time" component={ Time } />
                        <Route path="/arrow" component={ Arrow } />
                        <Route path="/rangePicker" component={ RangePickers } />
                        <Route path="/datePicker" component={ DatePickers } />
                        <Route path="/timePickers" component={ TimePickers } />
                        <Route path="/datePick" component={ DatePick } />
                        <Route path="/timePick" component={ TimePick } />
                        <Route path="/testTimePicker" component={ TestTimePicker } />
                        <Route path="/addComponent" component={ AddComponent } />
                        <Route path="/formItems" component={ FormItems } />
                        <Route path="/add" component={ Add } />
                        <Route path="/inputNumbers" component={ InputNumbers } />
                        <Route path="/inputs" component={ Inputs } />
                        <Route path="/form_select" component={ FormSelect } />
                        <Route path="/richText" component={ RichText } />
                        <Route path="/test_submit" component={ TestSubmit } />
                        <Route path="/formLayout" component={ FormLayout } />
                        <Route path="/popover" component={ Popovers } />
                        <Route path="/treeSelects" component={ TreeSelects } />
                        <Route path="/testTreeSelect" component={ TestTreeSelect } />
                        <Route path="/testTreeSelect1" component={ TestTreeSelect1 } />
                        <Route path="/testTreeSelect2" component={ TestTreeSelect2 } />
                        <Route path="/cascader" component={ Cascaders } />
                        <Route path="/testTreeSelect3" component={ TestTreeSelect3 } />
                        <Route path="/testTreeSelect4" component={ TestTreeSelect4 } />
                        <Route path="/testTreeSelect5" component={ TestTreeSelect5 } />
                        <Route path="/testTreeSelect6" component={ TestTreeSelect6 } />
                        <Route path="/testTreeSelect7" component={ TestTreeSelect7 } />
                        <Route path="/formItem1" component={ FormItem1 } />
                        <Route path="/grid" component={ Grid } />
                        <Route path="/formItem2" component={ FormItem2 }/>
                        <Route path="/pagination" component={ Paginations }/>
                        <Route path="/upLoad" component={ UpLoads }/>
                        <Route path="/selects" component={ Select1 }/>
                        <Route path="/modal" component={ Modals }/>
                        <Route path="/timeLines" component={ TimeLines } />
                        <Route path='/testTreeSelect8' component={TestTreeSelect8}/>
                        <Route path='/menus' component={Menus}/>
                    </div>
                </div>
            </Router>
            </LocaleProvider>
        )
    }
}
export default RouterMap